import Head from 'next/head';
import TableOptionsTable from '../../../components/prop-tables/TableOptionsTable';
import SourceCode from '../../../components/prop-tables/TableOptionsSource';
import OptionsSwitcher from '../../../example-groups/OptionsSwitcher';

<Head>
  <title>{'Table Options - Material React Table V3 Docs'}</title>
  <meta
    name="description"
    content="All the table options that can be used in the useMaterialReactTable hook"
  />
  <meta
    property="og:title"
    content="Material React Table Table Options API Reference"
  />
  <meta
    property="og:description"
    content="A reference of all the table options that can be used in Material React Table"
  />
</Head>

## Table Options (Props)

<OptionsSwitcher
  links={[
    {
      label: 'Table Options',
      value: 'table-options',
    },
    {
      label: 'Column Options',
      value: 'column-options',
    },
    {
      label: 'State Options',
      value: 'state-options',
    },
  ]}
/>

> Many of the options you can pass to `useMaterialReactTable` are the same as the ones you can pass to the TanStack Table [useReactTable](https://tanstack.com/table/v8/docs/api/core/table) hook.

Here is a list of all the table options that you can pass to the `useMaterialReactTable` hook.

```jsx
const table = useMaterialReactTable({
  // all the options that you can pass here (recommended)
});

//or all of the props that could be passed to `<MaterialReactTable />` IF not using `useMaterialReactTable` hook
return (
  <MaterialReactTable
  // all of the props that could be passed here if no `table` prop is passed
  />
);

return <MaterialReactTable table={table} />; //recommended
```

<TableOptionsTable />

<SourceCode />
